<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Fave 5 African Countries</title>
		<!-- Link the CSS file here -->
		<link href="styles/styles.css" 
			rel="stylesheet"
			type="text/css"/>
		<script language="javascript" 
			src="scripts/scripts1.js">
		</script>
				
	</head>
	<body>
	
		<header>
			<h1>Fave 5 African Countries</h1>
		</header>
		
		<section>
		<h1></h1>
		
		<div>
			<a href="about.html">
			<img src="images/Africa.jpg" width="300" height="200"
			alt="This is the map of Africa"
			title="This is the map of Africa"
			id="picture" />
			<img src="images/Africa_Map.gif" width="300" height="200"
			alt="These are the African Countries."
			title="These are the Countries."
			id="picture02" />
			
		</div>
		
		<p id="caption">&nbsp;</p>
		</section>
		
		<nav>
			<div>
				<a href="javascript:showEgyptMap()" class="menulinks">Egypt</a>
				<a href="javascript:showKenyaMap()" class="menulinks">Kenya</a>
				<a href="javascript:showMoroccoMap()" class="menulinks">Morocco</a>
				<a href="javascript:showNigeriaMap()" class="menulinks">Nigeria</a>
				<a href="javascript:showZambiaMap()" class="menulinks">Zambia</a>
				<a href="javascript:showCounter()" class="menulinks">FINISH</a>
			</div>
		</nav>
		
		
		<section>
		<h1>Welcome</h1>
		<p>This site explores Chris Koval's favorite 5 African Countries. In no particular order they are: Egypt, Kenya, morocco, Nigeria, and Zambia. I have yet to visit these countries, but maybe someday I will have the chance to visit. Curabitur at tellus ipsum. Ut ut elit nisl. Phasellus nisl nunc, facilisis ut vehicula vitae, posuere nec magna. Morbi a turpis massa. Proin gravida tristique pellentesque. Ut quam nisl, gravida ut consequat non, ultrices id dui. Morbi lobortis sollicitudin bibendum. Morbi metus elit, sodales id dapibus ac, viverra sed ligula.
		</p>
		</section>
		
		<section>
		<h1>Africa</h1>
		<p>The African Continent is located off the east coast of the United States across the Alantic Ocean.  You can find many interesting fact on the web and a nice collection of information on Wikipedia. Curabitur at tellus ipsum. Ut ut elit nisl. Phasellus nisl nunc, facilisis ut vehicula vitae, posuere nec magna. Morbi a turpis massa. Proin gravida tristique pellentesque. Ut quam nisl, gravida ut consequat non, ultrices id dui. Morbi lobortis sollicitudin bibendum. Morbi metus elit, sodales id dapibus ac, viverra sed ligula.
		</p>
		</section>
		
		<section>
		<h1>Special Thanks</h1>
		<p>Special thanks to my friends and colleges who help to this site together. Fusce lorem augue, tristique vitae aliquet at, tristique non odio. Ut pellentesque commodo lacinia. Curabitur quis sapien nec sapien eleifend lobortis. Integer laoreet lacus in orci ultricies id consectetur magna cursus. Pellentesque nec magna et dui varius ultricies sollicitudin ut magna. Suspendisse potenti. Aenean consequat auctor urna, nec porttitor nulla dictum sit amet. Sed fermentum lobortis justo, pulvinar cursus magna fringilla vitae. Aliquam in quam erat. Proin in dolor ut purus ornare pharetra. Maecenas in elit in risus imperdiet vehicula nec id enim. Vivamus interdum nisi in lectus interdum semper. Vivamus cursus bibendum orci quis interdum. Suspendisse in tellus dui. Etiam ut dui in massa laoreet porta in sed augue. In aliquet velit et mauris rhoncus ornare. 
		</p>
		</section>
		
		<footer>
			<cite>This page's content comes from 
				<a href="http://lipsum.com" target="_blank">Lorem Ipsum</a></cite>
				<br/>
			<cite>The pictures come from 
				<a href="http://creativecommons.org" target="_blank">Creative Commons</a></cite>
				<br/>
			<cite>The Flag Images come from
				<a href="http://www.free-printable-flags.com/printable-flags-of-the-world.htm" target="_blank">Free Printable Flags</a></cite>
				<br/>
			<cite>The Map Images come from
				<a href="http://www.africa.upenn.edu/CIA_Maps/menu_CIA.html" target="_blank">African Studies Center University of Pennsylvania</a></cite>
			<p>&copy; 2011</p>
		</footer>
	
	</body>
</html>